<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>		
		<script src="../js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="../js/jquery.cookie.js" ></script>
		<script type="text/javascript" src="../js/jquery.fly.js" ></script>
		<script type="text/javascript" src="../js/requestAnimationFrame.js" ></script>
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main = "../js/main"></script>
		<link rel="stylesheet" href="../css/list.css"/>
	</head>
	<body>
		<!--header-->
		<div id="header"></div>
		<script>
			$("#header").load("http://127.0.0.1/XiaoZhuangWangXiangMu/html/public.html #header");
		</script>
		<!--middle-->
		<div class="center">
			<div class="aleft">
				<div class="zhang">全部商品分类</div>
				<div class="qi">
					<ul class="lee">
						<li>
						<img class="img1" src="../img/aa.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<div class="eill">
							<ul class="sell">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>
							</li>
						<li>
							<img class="img2" src="../img/bb.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<!--<div class="eill2">
							<ul class="sell2">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>-->
						</li>
						<li>
							<img class="img3" src="../img/cc.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<!--<div class="eill3">
							<ul class="sell3">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>-->
						</li>
						<li>
							<img class="img4" src="../img/dd.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<!--<div class="eill4">
							<ul class="sell4">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>-->
						</li>
						<li>
							<img class="img5" src="../img/ee.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<!--<div class="eill5">
							<ul class="sell5">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>-->
						</li>
						<li>
							<img class="img6" src="../img/ff.jpg">
						<dl>
							<dt><a>面部护肤</a></dt>
							<dt><a>防晒隔离</a><span>面膜</span></dt>
							<dt><a>眼部护理</a><span>护肤套装</span></dt>
						</dl>
						<!--<div class="eill6">
							<ul class="sell6">
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
								<li><a>洁面</a><a>洗面乳</a><a>洗面膏</a><a>洗面粉</a><a>洗面膏</a><a>洗面乳</a><a>洗面液</a></li>
							</ul>
						</div>-->
						</li>
					</ul>	
							
						
				</div>
			</div>
			<div class="aright">
				<a href="../XiaoZhuangWangXiangMu/index.html">首页</a>
				<a href="">SKIN79专区</a>
				<a href="">积分购</a>
				<a href="">美堂课</a>
				<a href="">手机校妆</a>
				<a href="">购物车</a>
			</div>
		</div>
		<!--banner-->
		<div class="cx">
			<div class="ax">
				<a>首页</a>
			</div>
		</div>
		<!--middle-->
		<div class="xr">
			<div class="vr">
				<div class="qa">
					<div class="zm">
						<ul class="zd">
							<li>面部护肤</li>
							<li>时尚彩妆</li>
							<li>个人护理</li>
							<li>美体/工具</li>
							<li>男士护士</li>
							<li>经典香氛</li>
							<li>自有品牌小样</li>
							<li>生活用品</li>
							<li>食品饮料</li>
						</ul>
					</div>
					<div class="ed">
						<a class="dfq">全国热销排行</a>
						<ul class="frr">
							<!--<li>
								<img class="fff" src="../img/123.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/124.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/125.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/126.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>-->
						</ul>
					</div>
					<div class="ed">
						<a class="dfq">猜你喜欢</a>
						<ul class="foo">
							<!--<li>
								<img class="fff" src="../img/123.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/124.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/125.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/126.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>-->
						</ul>
					</div>
					<div class="ed">
						<a class="dfq">周销售量排行</a>
						<ul class="fpp">
							<!--<li>
								<img class="fff" src="../img/123.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/124.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/125.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>
							<li>
								<img class="fff" src="../img/126.jpg"/>
								<p>ALOBOM雅邦持久防水眼线液12ml</p>
								<span>￥123.00</span>
							</li>-->
						</ul>
					</div>
				</div>
				
				<div class="wa">
					<div class="wa_a"></div>
					<div class="wa_b">
					  <ul class="wa_c">
						<li class="goodInfo">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="" >加入购物车</a>
						</li>
						<!--<li class="goodInfo" data-good-id="sp2">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp3">
							<img src="../img/132.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp4">
							<img src="../img/133.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp5">
							<img src="../img/134.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp6">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp7">
							<img src="../img/134.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp8">
							<img src="../img/133.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp9">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp10">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp11">
							<img src="../img/132.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp12">
							<img src="../img/133.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp13">
							<img src="../img/134.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp14">
							<img src="../img/131.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp15">
							<img src="../img/134.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>
						<li class="goodInfo" data-good-id="sp16">
							<img src="../img/133.jpg"/>
							<a>韩妙我的留恋日记牛奶美白润肤面膜10片装</a>
							<p>￥19.90</p>
							<span>最近18902人成交</span>
							<a href="" class="cvb" id="">加入购物车</a>
						</li>-->
					  </ul>
					  <div class="box_a">
					  	<div class="btn_1"><img src="../img/62.jpg"></div>
					  	<div class="btn_2"><img src="../img/63.jpg"></div>
					  	<div class="btn_3"><img src="../img/64.jpg"></div>
					  	<div class="btn_4"><img src="../img/65.jpg"></div>
					  	<dt class="ul_1">
					  		<dd>好频率91%</dd>
					  		<dd>曝光率12%</dd>
					  		<dd>留言板</dd>
					  	</ul>
					  </div>
					</div>					
				</div>
			</div>
		</div>
		<div class="deer_a">
			<span>咨询在线客服</span>
		</div>
		<input type="button" value="购物车(0)" id="buy"/>
		<!--footer-->
		<div id="footer"></div>
		<script>
			$("#footer").load("http://127.0.0.1/XiaoZhuangWangXiangMu/html/public.html #footer");
		</script>
	</body>
</html>
<script>
//var $li=$(".zhang");
//var $dl=$(".qi")
//var $ul=$(".qi .lee li");
//var $eill=$(".eill")
//$(function(){
//	$li.mouseenter(function(){
//		$dl.css("display","block");
//		$ul.css("display","block");
//		$eill.css("display","none");
//	})
//	
//	$ul.mouseenter(function(){
//		$eill.css("display","block");
//	})
//	$eill.mouseleave(function(){
//		$ul.css("display","none");
//		$dl.css("display","none");
//	})
//	$dl.mouseleave(function(){
//		$(this).css("display","none");
//	})
//})
</script>
<script>
	$(function(){
				//加载已有的购物车信息
				loadCart();
				
				//给购物车按钮加一个点击事件
				$("#buy").click(function(){
					location.href = "cart.html";
				})
				//给加入购物车按钮添加点击事件
				$(".goodInfo .cvb").click(function(e){
					//获取商品的id（用来区分不同的商品）
					var goodId = $(this).parent().attr("data-good-id");
					//获取商品的名称
					var goodName = $(this).siblings("a").html();/*.eq(0)*/
					//获取商品的价格
					var goodPrice = parseFloat($(this).siblings("p").html());/*.eq(1)*/
					//获取商品的图片src
					var goodSrc = $(this).siblings("img").attr("src");
//					document.cookie = "key=value"
					//存到购物车中去，商品信息统一可以放在cookie当中
					//购物车中是否有商品？
					//购物车中是否加过同一个商品？
					//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
					/*设计以下结构的对象来处理商品信息
					 * 以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
					 * {
					 * 	sp1 : {
					 * 		name : "香蕉",
					 *      price : 30,
					 *      num : 1,
					 *      src : "img/1.jpg"
					 *  },
					 * sp2 :{
					 * 	    name :"苹果",
					 *      price : 40,
					 *      num:2,
					 *      src : "img/2.jpg"
					 *  },
					 * sp3{
					 * 	    name : "梨"，
					 *      price : 50,
					 *      num : 3,
					 *      src : "img/3.jpg"
					 *  }
					 * }
					 */
					//获取cookie中的信息
					//如果cookie中没有信息会返回一个undefined ,我所须是一个字符串类型的数据，所以将它转成一个“”空字符串。保持数据类型一致。
					var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
					//将字符串转成对象
					var cartObj = convertCartStrToObj(cartStr);
					//判断该商品是否已经在购物车中存在
					if(goodId in cartObj){
						//如果已存在，那么该商品的数量加1
						cartObj[goodId].num += 1;
					}else{
						//如果不存在，那么将新商品的信息存入
						cartObj[goodId] = {
							name : goodName,
							price : goodPrice,
							num : 1,
							src : goodSrc
						};
					}
					
					//将新的购物车信息存回cookie
					//将对象转为字符串
					cartStr = convertObjToCartStr(cartObj);
					//存入cookie
					//document.cookie = "key=value"
					$.cookie("cart",cartStr,{expires : 7,path:"/"});
					
					
					
					//做一个飞入购物车的效果
					var cloneImg = $(this).siblings("img").clone().css({width:50,height:50});
					cloneImg.fly({
						start : {
							top : e.clientY,
							left : e.clientX
						},
						end :{
							top : $("#buy").offset().top,
							left : $("#buy").offset().left,
							width:0,
							height:0
						},
						autoPlay : true,
						onEnd : function(){
							$("#buy").val(function(index,v){
						//"购物车（0）"
						var pattern = /(\d+)/;
						var num = parseInt(v.match(pattern)[1]);
						return "购物车(" + (num + 1) + ")";
					});
					cloneImg.remove();
						}
					})
				})
			});
			
			
			function convertCartStrToObj(cartStr){
				//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
				//如果是空字符串，即没有购物车信息，那么购物车为空，直接返回一个空对象
				if(!cartStr){
					return {};
				}
				var goods = cartStr.split(":");
				var obj = {};
				for(var i = 0; i < goods.length; i ++){
					var data = goods[i].split(",");
					//以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
					obj[data[0]] = {
						name : data[1],
						price : parseFloat(data[2]),
						num : parseInt(data[3]),
						src : data[4]
					}
				}
				return obj;
			}
			function convertObjToCartStr(obj){
					/* {
					 * 	sp1 : {
					 * 		name : "香蕉",
						 * price : 30,
						 * num : 1,
						 * src : "img/1.jpg"
					 * },
					 * sp2 :{
						 * 	name :"苹果",
						 * price : 40,
						 * num:2,
						 * src : "img/2.jpg"
					 * },
					 * sp3{
						 * 	name : "梨"，
						 * price : 50,
						 * num : 3,
						 * src : "img/3.jpg"
					 * }
					 * }
					 */
					var cartStr = "";
					//遍历对象
					for(var id in obj){
						if(cartStr){
							cartStr += ":";
						}
						//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
						cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src;
					}
					return cartStr;
			}
			
			//加载购物车中的信息（使商品页与购物车页中的购物车数量同步）
			function loadCart(){
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
					var cartObj = convertCartStrToObj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num;
					}
					$("#buy").val("购物车(" + total + ")");
			}

</script>